﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ProductService="clr-namespace:WPDataBinding.ProductService"
    x:Class="WPDataBinding.DesignDataTemplatePage"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d"
    shell:SystemTray.IsVisible="True" d:DataContext="{d:DesignData /SampleData/ProductSampleDataSource/ProductSampleDataSource.xaml}">

	<phone:PhoneApplicationPage.Resources>
		<ProductService:Product x:Key="DemoProductDataSource" d:IsDataSource="True"/>
		<DataTemplate x:Key="ProductsItemTemplate">
			<StackPanel>
				<TextBlock Text="{Binding CategoaryID}"/>
				<TextBlock Text="{Binding ID}"/>
				<TextBlock Text="{Binding ProductAddress}"/>
				<TextBlock Text="{Binding ProductDescription}"/>
				<Image Source="{Binding ProductImage}" HorizontalAlignment="Left" Height="64" Width="64"/>
				<TextBlock Text="{Binding ProductName}"/>
				<TextBlock Text="{Binding ProductPhone}"/>
				<TextBlock Text="{Binding ProductPrice}"/>
			</StackPanel>
		</DataTemplate>
	</phone:PhoneApplicationPage.Resources>
	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>
<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent" DataContext="{Binding Source={StaticResource ProductSampleDataSource}}">
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>

		<!--TitlePanel contains the name of the application and page title-->
		<StackPanel Grid.Row="0" Margin="12,17,0,28" DataContext="{Binding Source={StaticResource DemoProductDataSource}}">
			<TextBlock Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
			<TextBlock Text="{Binding ProductName}" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
		</StackPanel>

        <!--ContentPanel - place additional content here-->
		<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
			<phone:LongListSelector 
				ItemTemplate="{StaticResource ProductsItemTemplate}" 
				ItemsSource="{Binding Products}"/>
		</Grid>
	</Grid>

</phone:PhoneApplicationPage>